//自定义单选框、复选框
.checkbox-ul{
  margin:-5px;
  ul {
    @include clearfix;
    .checkbox-li {
      float: left;
      min-width: 75px;
      text-align: center;
      padding: 0 20px;
      margin: 5px;
      cursor: pointer;
      @include hei(32px);
      border: 1px solid $borderColor;
      @include border-radius();
      @include selectnone();
      position: relative;
      &:hover {
        border-color: $blue;
        color: $blue;
      }
      .icon-span{
        position: absolute;
        right:0;
        bottom:0;
        width: 20px;
        height: 20px;
        z-index: 99;
        @include opacity(0);
        @include transition(all 0.1s);
        &:before{
          position: absolute;
          right:0;
          bottom:0;
          content: '';
          display: block;
          width: 0;
          height: 0;
          border-bottom: 20px solid $blue;
          border-left: 20px solid transparent;
        }
        i{
          position: absolute;
          right:-1px;
          bottom:-2px;
          color:#fff;
        }
      }
      &.checked {
        border-color: $blue;
        //background: url("http://pic.qianmi.com/ejz/ejz2.0/img/check-2.png") no-repeat right bottom;
        color: $blue;
        .icon-span{
          @include opacity(1);
        }
      }
      &.disabled{
        border:1px solid $bg_grey;
        background: $bg_grey;
        color:$grey_darken;
        cursor:default;
      }
    }
  }
}